
<div class="coupon-card seed-flexbox seed-flexbox-content-between" *ngIf="coupon"
     (click)="goToCouponDetail(coupon.codeId )" >

  <div class="coupon-price  seed-flexbox seed-flexbox-content-center
       seed-flexbox-align-center seed-flexbox-column "
       [class.coupon-price-bg]=" coupon.tag === 2 || coupon.tag === 4 || coupon.tag === 5 "
       (click)="goToCouponDetail(coupon.codeId )">
    <p><em>￥</em><span class="coupon-amount">{{ coupon.couponValue/100 || 0 }}</span></p>
    <span *ngIf=" coupon.useCondition == 2 ">满{{ coupon.useValue/100 || 0 }}元可用</span>
    <span *ngIf=" coupon.useCondition == 1 ">无门槛</span>
  </div>

  <div class="coupon-info seed-flexbox seed-flexbox-column">
    <p class="coupon-type"> {{ coupon.couponName }}</p>
    <div class="coupon-center">
      <span class="coupon-range"> 适用平台：{{ deviceTypeList }} </span>
      <div class="coupon-getbtn"
           *ngIf="markType === 0" (click)="postTakeCoupon(coupon.batchId)">
        <button [class.disabled]=" coupon.useStatus === 1 "
        >{{ coupon.useStatus === 0 ?'点击领劵':'已领劵' }}</button>
      </div>
    </div>
    <p class="coupon-indate">
      {{ coupon.startTime | amDateFormat:'YYYY-MM-DD' }}&nbsp;至&nbsp;{{ coupon.endTime | amDateFormat:'YYYY-MM-DD' }}
    </p>
  </div>


<!--  <div class="coupon-info seed-flexbox seed-flexbox-column">
    <p class="coupon-type"> {{ coupon.couponName }}</p>
    <span class="coupon-range"> 适用平台：{{ deviceTypeList }} </span> &lt;!&ndash;{{ coupon.deviceType }}&ndash;&gt;
    <p class="date-wrap">

      <span class="coupon-indate">有效期至：{{ coupon.endTime | amDateFormat:'YYYY-MM-DD' }}</span>
    </p>
  </div>

  <div class="coupon-getbtn seed-flexbox seed-flexbox-align-center"
       *ngIf="markType === 0" (click)="postTakeCoupon(coupon.batchId)">
    <button [class.disabled]=" coupon.useStatus === 1 "
    >{{ coupon.useStatus === 0 ?'点击领劵':'已领劵' }}</button>
  </div>-->

  <div class="coupon-icon" *ngIf="markType === 1">
    <img [src]="url" >
  </div>

  <div class="coupon-choose seed-flexbox seed-flexbox-align-center"
       *ngIf="markType === 2"
  >
    <em class="icon-determine" [class.hasChoose]="choose" ></em>
  </div>

</div>


